<style>
    .vue-footer {
        background-color: #222;
        margin-top: 30px;
        overflow: auto;
    }

    .vue-footer a {
        color: inherit;
    }

    .vue-footer h4 {
        margin-bottom: 20px;
        padding: 20px 0 10px;
        text-align: center;
    }

    .vue-footer .container {
        margin-bottom: 30px;
    }

    .vue-footer .fa {
        text-align: center;
        width: 14px;
    }
</style>
<template>
    <div class=vue-footer>
        <div class=container>
            <h4>About</h4>
            <div class="justify-content-center row">
                <div class=col-1></div>
                <div class=col-2>
                    <div>
                        <!-- <span class="fa fa-(nebulas?)" aria-hidden=true></span> -->
                        <a target=_blank href=http://ethereumai.io>etherumai.io</a>
                    </div>
                    <div>
                        <span class="fa fa-facebook-f" aria-hidden=true></span>
                        <a target=_blank href=#>Facebook</a>
                    </div>
                    <div>
                        <span class="fa fa-slack" aria-hidden=true></span>
                        <a target=_blank href=#>Slack</a>
                    </div>
                    <div>
                        <span class="fa fa-twitter" aria-hidden=true></span>
                        <a target=_blank href=#>Twitter</a>
                    </div>
                </div>
                <div class=col-1></div>
                <div class=col-3>
                    <div>
                        <span class="fa fa-github" aria-hidden=true></span>
                        <a target=_blank href=https://github.com/EthereumAIFoundation>Github.com/EthereumAIFoundation</a>
                    </div>
                    <div>
                        <span class="fa fa-github" aria-hidden=true></span>
                        <a target=_blank href=https://github.com/EthereumAIFoundation>Issue</a>
                    </div>
                    <div>
                        <span class="fa fa-github" aria-hidden=true></span>
                        <a target=_blank href=https://github.com/EthereumAIFoundation>Commit: cec79ba</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>